import axios from 'axios'
// 导入 vant 中的 toast
import { Toast } from 'vant'
// 导入操作 local 的方法、
import { removelocal, getlocal } from './local.js'
// 导入 store
import store from '../store/index.js'
// 导入 router
import router from '../router/index.js'

// 创建一个 axios 实例
// axios.create ：创建一个新的 axios 实例，它的作用与 axios 的作用一样也是用来发送网络请求的
var _fetch = axios.create({
  // 设置基地址
  baseURL: process.env.VUE_APP_URL
})

// 设置拦截器
// 请求拦截器
// 添加请求拦截器
_fetch.interceptors.request.use(
  function (config) {
    // console.log(config)
    // config：所有请求发送时的配置信息
    // 统一设置 token
    // 判断当前请求是否需要携带 token
    if (config.needToken) {
      // 得到 token
      const token = getlocal('heimamm_web_token')
      if (token) {
        // 添加到请求头中
        config.headers.authorization = `Bearer ${token}`
      }
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 添加响应拦截器
_fetch.interceptors.response.use(
  function (response) {
    // response：所有服务器响应回来的数据
    //  如果想要得到响应体中的数据必须通过 response.data
    // 将来从服务器中响应回的数据中状态有四种： 200 400 401 403
    // 200: 成功   401 & 403: 登录异常    400：参数错误
    // 判断状态成功
    if (response.data.code === 200) {
      return response.data
    } else if (response.data.code === 401 || response.data.code === 403) {
      // 说明登录出问题了
      // 提示错误信息
      Toast.fail(response.data.message)
      // 删除 token
      removelocal('heimamm_web_token')
      // 修改登录状态为 false
      store.commit('setIsLogin', false)
      // 返回到登录页
      router.push('/login')
      // 返回错误信息
      return Promise.reject(new Error(response.data.message))
    } else {
      // 提示错误信息
      Toast.fail(response.data.message)
      return Promise.reject(new Error(response.data.message))
    }
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 将 _fetch 暴露给外界
export default _fetch
